$(function () {
    init();

    function init() {
        shopData();
        areaData();
        productData(0,0);
        eventList();
    }
    //定义全局变量 商店和地区的id
    let shopId = 0;
    let areaId = 0;
    function eventList() {
        /* 列表的点击事件 */
        let lis = $('.cd_list li');
        for (let i = 0; i < lis.length; i++) {
            lis.eq(i).on("tap", function () {
                $('.list_content ul').eq(i).toggleClass('toggle_active').siblings().removeClass('toggle_active');
            });
        }
        /* 点击商品 地区列表项时修改显示的文字 并获取id 再渲染列表 */
        $('.cd_content_shop').on("tap","li",function(){
            let shopText = $(this).find('a').text();
            $('.list_shop').text(shopText);
            $('.list_content ul').removeClass('toggle_active');
            $(this).find("a").addClass('fa fa-check').parent().siblings().find("a").removeClass("fa fa-check");
            shopId = $(this).data("shopid");
            productData(shopId ,areaId);
        });
        $('.cd_content_area').on("tap","li",function(){
            let areaText = $(this).find('a').text().substring(0,2);
            $('.list_area').text(areaText);
            $('.list_content ul').removeClass('toggle_active');
            $(this).find("a").addClass('fa fa-check').parent().siblings().find("a").removeClass("fa fa-check");
            areaId = $(this).data("areaid");
            productData(shopId ,areaId);
        });

    }

    /* 渲染凑单页面头部列表 商店信息 */
    function shopData() {
        $.get('http://193.112.55.79:9090/api/getgsshop', (result) => {
            let html = template("shopTp",{shopArr: result.result});
            $('.cd_content_shop').html(html);
        });
    }

    /* 渲染凑单页面头部列表 商店信息 */
    function areaData() {
        $.get('http://193.112.55.79:9090/api/getgsshoparea', (result) => {
            let html = template("areaTp",{areaArr: result.result});
            $('.cd_content_area').html(html);
        });
    }

    /* 渲染过滤后的产品信息 */
    function productData(shopId ,areaId ){
        $.ajax({
            type: "get",
            url: `http://193.112.55.79:9090/api/getgsproduct?shopid=${shopId}&areaid=${areaId}`,
            success: function (result) {
                console.log(result);
                let html = template('productTp',{proArr: result.result});
                $('.pro_data').html(html);
            }
        });
    }
});